/* CSS Document */ body {font-size:100%;line-height:1.1;width:100%;position:relative;font-family:"Helvetica Neue",Arial,"Microsoft YaHei",sans-serif;overflow-x:hidden;background:#fff;} * {padding:0;margin:0;} img {max-width:100%;} #bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog {box-sizing:content-box;} .j_tab {display:table;width:100%;height:100%;} .j_tab_cel {display:table-cell;vertical-align:middle;width:100%;height:100%;} * {margin:0;padding:0;outline:none;} a {color:inherit;} a:focus {outline:none !important;} h4,.h4,h5,.h5,h6,.h6,h1,.h1,h2,.h2,h3,.h3,p {margin:0;} h5 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} h5 a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} img {max-width:100%;max-height:100%;} .img img {width:100%;height:100%;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;object-fit: cover;} li:hover .img img {transform:scale(1.05) rotate(.1deg);-webkit-transform:scale(1.05) rotate(.1deg);-moz-transform:scale(1.05) rotate(.1deg);-ms-transform:scale(1.05) rotate(.1deg);-o-transform:scale(1.05) rotate(.1deg);} svg {max-width:100%;max-height:100%;} table {table-layout:fixed;} .ovh {overflow:hidden;width:100%;} .m {max-width:1740px;height:100%;margin:0 auto;padding:0 70px;display:block;position:relative;} .pad_top {padding-top:4.625rem;} .pad_bot {padding-bottom:4.625rem;} .pad_aside {padding-left:45px;padding-right:45px;} .draw_h {width:67px !important;height:67px !important;line-height:65px !important;display:block;border-radius:50%;text-align:center;position:relative;} .draw_h:before {content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;border:2px solid rgba(100%,100%,100%,.5);border-radius:50%;} svg.drawcircle {position:absolute;top:0;left:0;overflow:inherit;display:block;pointer-events:none;} svg.drawcircle circle {fill:none;box-sizing:border-box;stroke-width:2;stroke:none;stroke-dasharray:0,188.49;stroke-dashoffset:188.49;transition:all .3s linear 0s;} .draw_h:hover svg.drawcircle circle {stroke:#fff;stroke-dasharray:188.49,0;stroke-dashoffset:188.49;-webkit-transition:all .7s cubic-bezier(0.11,0.57,0.58,1);transition:all .7s cubic-bezier(0.11,0.57,0.58,1);} .draw_h .icon {fill:#626262;vertical-align:middle;transition:.3s;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .draw_h:hover .icon {fill:#0081cc;} /*===========================header=============================*/ svg {display:inline-block;vertical-align:middle;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;} svg path {transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;} /* html *,html *:before,html *:after {box-sizing:border-box;-webkit-transition:0.5s;transition:0.5s;}*/ [class^="btn_"] {position:relative;z-index:1;font-size:.9375rem;display:block;width:12.1875rem;height:3.75rem;line-height:3.75rem;text-transform:uppercase;overflow:hidden;text-align:center;-webkit-transition:0.5s;transition:0.5s;} [class^="btn_"]:before,[class^="btn_"]:after,[class^="bg_"]:before,[class^="bg_"]:after {box-sizing:border-box;-webkit-transition:0.5s;transition:0.5s;} /*===========================header=============================*/ #header {height:6.25rem;z-index:999;background:none;width:100%;position:fixed;top:0;z-index:998;} #header .m {height:100%;display:flex;justify-content:space-between;} #logo {float:left;height:100%;} #logo img {width:13.5625rem;} #logo img.img02 {display:none;} #header .fr {display:flex;flex-grow:1;max-width:80%;} #nav {float:left;margin-right:1.875rem;flex-grow:1;} #nav ul {display:flex;} #nav ul li {float:left;height:6.25rem;position:relative;z-index:0;flex-grow:1;text-align:center;} #nav ul li a {display:block;text-transform:uppercase;} #nav ul li h3 {font-size:1rem;color:#fff;line-height:6.25rem;height:6.25rem;overflow:hidden;text-align:center;position:relative;display:inline-block;} #nav ul li h3:before {content:"";display:block;width:100%;height:3px;background:#fb0012;position:absolute;left:0;bottom:0;opacity:0;transform:scaleX(0);transition:.5s;} #nav ul li.on h3 {} #nav ul li.on h3:before,#nav ul li:hover h3:before {transform:scaleX(1);opacity:1;} #nav ul li h3 svg {width:12px;height:12px;display:inline-block;} #nav ul li a i {display:inline-block;background:url(../image/nav_down.png) center no-repeat;width:9px;height:6px;background-size:contain;vertical-align:middle;margin-left:8px;} #nav ul li .sub {position:absolute;top:100%;background:#fff;width:140px;left:50%;margin-left:-70px;z-index:10000;transform:translateY(20px);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:.5s;} #nav ul li .sub .box {background:#fff;text-align:center;} #nav ul li .sub a {padding:0;line-height:2;transition:.3s;font-size:.875rem;padding:8px 20px;} #nav ul li .sub a:hover {color:#fff;background:#fb0012;} #nav ul li:hover .sub {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;transform:translateY(0px);} .top_menu {float:left;height:6.25rem;} .top_menu .ico {float:left;margin-left:1.5rem;} #top_tel {height:100%;display:flex;align-items:center;color:#fff;font-size:1.5rem;font-family: cursive;} /*搜索*/ #searchBtn {height:100%;} #searchBtn a {display:block;width:42px;height:42px;line-height:39px;border-radius:50%;text-align:center;transition:.3s;overflow:hidden;} #searchBtn svg {vertical-align:middle;display:inline-block;fill:#fff;} .top_menu .ico a {font-size:14px;color:#fff;font-family:arial;text-transform:capitalize;display:block;width:100%;height:40px;line-height:38px;} .top_menu .icon {fill:#626262;vertical-align:middle;width:27px;height:27px;} #header:hover {background:#fff;} #header:hover #logo .img01 {display:none;} #header:hover #logo .img02 {display:block;} #header:hover #nav ul li h3 {color:#333;} #header:hover #nav ul li h3 svg path {stroke:#777;} #header:hover #searchBtn svg {fill:#757678;} #header:hover .top_menu .ico a {color:#666;} #header:hover .top_menu #yuyanBtn i svg path {stroke:#666;} #header:hover .top_menu .icon path {fill:#757678;} #header:hover #top_tel {color:#1366ac;} #header:hover #top_tel path {fill:#1366ac;} #header.xg {background:#fff;height:6rem;box-shadow:0 0 2px rgba(0,0,0,0.1);} #header.xg #logo .img01 {display:none;} #header.xg #logo .img02 {display:block;} #header.xg #nav ul li {height:6rem;} #header.xg #nav ul li h3 {color:#333;line-height:6rem;height:6rem;} #header.xg #nav ul li h3 svg path {stroke:#777;} #header.xg #searchBtn svg {fill:#757678;} #header.xg .top_menu {height:6rem;} #header.xg .top_menu .ico a {color:#666;} #header.xg .top_menu #yuyanBtn i svg path {stroke:#666;} #header.xg .top_menu .icon path {fill:#757678;} #header.xg #top_tel {color:#1366ac;font-family: cursive;font-weight: bold;} #header.xg #top_tel path {fill:#1366ac;} .tc {transition:all ease 300ms;position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999999999;pointer-events:none;visibility:hidden;opacity:0;transition:.5s;} .tc[name=tc_search] {opacity:1;} .tc.act {display:block;pointer-events:auto;visibility:visible;opacity:1;} .tc-box {box-sizing:border-box;z-index:999;display:block;position:relative;} /*.tc.act .tc-box {-webkit-animation-name:anim-open-2;animation-name:anim-open-2;transform:scale(1);} */.tc_close {position:absolute;cursor:pointer;color:#e13a39;font-size:30px;right:30px;top:30px;} .tc_bg {height:100%;background:rgba(0,0,0,.85);position:absolute;top:0;left:0;width:100%;z-index:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:.5s;} .tc.act .tc_bg {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transition:.5s;} #tc_search {width:100%;padding:3rem;background:#1366ac;position:relative;transform:translateY(-100%);transition:.5s .5s ease-out;z-index:1;overflow:hidden;} .act #tc_search {transform:translateY(0);transition:.5s ease-in;} /*弹窗内容样式*/ #tc_search form {height:5rem;position:relative;width:900px;max-width:90%;margin:0 auto;} #tc_search form:after {content:"";width:0;height:1px;background:#fff;transition:.5s;display:block;position:absolute;bottom:0;left:0;} .act #tc_search form:after {width:100%;transition:ease-in-out .5s .5s;} #tc_search #keyword {width:90%;height:5rem;font-size:2rem;color:#fff;box-shadow:none;-webkit-appearance:none;float:left;border-right:0;background:none;} #tc_search .btn_blue {position:absolute;top:0;right:0;width:40px;height:5rem;border:0;line-height:4.25rem;background:url(../image/seach_white.svg) center center no-repeat;background-size:1.8rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;} #tc_search .btn_blue.fr {background:#e9edef;color:#4e4f53;} #tc_search input::-webkit-input-placeholder {color:#fff;color:rgba(255,255,255,.7);} #tc_search input::-moz-placeholder {/* Mozilla Firefox 19+ */ color:#fff;color:rgba(255,255,255,.7);} #tc_search input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */c color:#fff;color:rgba(255,255,255,.7);} #tc_search input:-ms-input-placeholder {/* Internet Explorer 10-11 */ color:#fff;color:rgba(255,255,255,.7);} /* WebKit browsers */ #tc_search input:focus::-webkit-input-placeholder {color:transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */} /* Mozilla Firefox 4 to 18 */ #tc_search input:focus:-moz-placeholder {color:transparent;} /* Mozilla Firefox 19+ */ #tc_search input:focus::-moz-placeholder {color:transparent;} /* Internet Explorer 10+ */ #tc_search input:focus:-ms-input-placeholder {color:transparent;} /* 点击搜索框获取焦点 placeholder消失-结束 */ #tc_search .draw_h:before {border:1px solid rgba(255,255,255,.3);} #tc_search .draw_h:hover svg.drawcircle circle {stroke:#fff;} #tc_search .draw_h img {position:absolute;top:50%;margin-top:-8px;left:50%;margin-left:-8px;transition:.3s;width:16px;} /***********************//*手机导航开始*/ #m_header {display:none;height:4.5rem;position:fixed;top:0;width:100%;z-index:999;transition:0s 1.5s;background:#fff;box-shadow:0 0 3px rgba(0,0,0,0.15);} #m_header .m {position:relative;height:100%;} .m_user {height:4.5rem;line-height:4.5rem;margin-right:4rem;color:#999;} .m_user a {display:inline-block;margin:0 .625rem;color:#666;} .m_user a svg {width:16px;} .m_user a:hover {color:#ff0000;} .m_user a:hover svg path {fill:#ff0000;} #m_logo {transition:0s 1.5s;height:100%;visibility:visible;float:left;} #m_logo img {display:block;height:40px;} /*导航按钮开始*/ #nav_btn_box {height:100%;z-index:999999999;margin-left:20px;position:fixed;height:4.5rem;right:0;top:0;display:none;} #nav_btn_box.on {background:none;} #nav_btn {} #nav_btn .point.on .navbtn::after,#nav_btn .point.on .navbtn::before {background:#fff;} #nav_btn {cursor:pointer;text-align:center;z-index:99999;padding-bottom:4px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;} #nav_btn .point {display:inline-block;width:1.375rem;height:22px;position:relative;outline:none;} #nav_btn .point:hover .navbtn,#nav_btn .point:hover .navbtn::after,#nav_btn .point:hover .navbtn::before {width:1.375rem;} #nav_btn .navbtn {position:absolute;top:12px;left:0;display:inline-block;width:1.375rem;height:1px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;/* background:#333;*/} #nav_btn .navbtn::after,#nav_btn .navbtn::before {position:absolute;left:0;display:inline-block;width:1.375rem;height:3px;content:'';-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;background:#939393;} #nav_btn .navbtn::after {top:-5px;} #nav_btn .navbtn::before {top:5px;} #nav_btn .point.on .navbtn {background:transparent;} #nav_btn .point.on .navbtn::after {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:0px;} #nav_btn .point.on .navbtn::before {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:0px;} /*导航按钮结束*/ .m_nav_list {flex-direction:column;justify-content:flex-start;width:100%;overflow:auto;} .m_nav_list::-webkit-scrollbar {display:none} #m_nav {z-index:99999;position:fixed;background:#00316b;width:20rem;height:100vh;right:-400px;top:0;display:none;padding:50px 0;overflow:hidden;pointer-events:none;transition:all 0.5s cubic-bezier(0.445,0.145,0.355,1);-webkit-transition:all 0.5s cubic-bezier(0.445,0.145,0.355,1);-moz-transition:all 0.5s cubic-bezier(0.445,0.145,0.355,1);-o-transition:all 0.5s cubic-bezier(0.445,0.145,0.355,1);-ms-transition:all 0.5s cubic-bezier(0.445,0.145,0.355,1);display:block;flex-direction:column;justify-content:flex-start;align-items:flex-start;} #m_nav.act {pointer-events:auto;right:0;} #m_nav>ul>li {width:100%;overflow:hidden;padding:0 2.3rem;} #m_nav>ul>li+li {border-top:1px solid rgba(255,255,255,0.1);} #m_nav li .a {display:block;} #m_nav li .a h3 {line-height:4.5rem;height:4.5rem;color:#fff;padding:0;font-size:1.125rem;float:left;width:13rem;} #m_nav li .a span {display:block;position:absolute;top:0;right:10px;width:20px;height:50px;text-align:center;} #m_nav li .a span i {font-size:0;} #m_nav .title .a i {opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height:4.5rem;float:right;display:inline-block;background:url(../image/arrow_down.svg) center no-repeat;background-size:contain;} #m_nav li.on.title .a i {transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);} #m_nav .on.title .a i {transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);} #m_nav li {display:block;width:100%;} .slide_nav {position:absolute;left:0;height:70px;z-index:998;padding:15px;top:0;width:100%;} #m_nav .title .list {display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear:both;padding-bottom:10px;} #m_nav .title .list span {background:none;} #m_nav .title .list span a:hover {color:#014085;} #m_nav .title .list a {display:block;font-size:1rem;color:#fff;text-align:left;line-height:35px;height:35px;border:0;font-weight:300;} /*三级导航 开始*/ #m_nav .title .list .void>a {background-size:10px;position:relative;} #m_nav .title .list .void>a:before {content:"·";position:absolute;left:-1em;font-size:12px;font-weight:bold;} #m_nav .title .list span {position:relative;display:block;} #m_nav .title .list span .sub {position:static;width:100%;display:block !important;overflow:hidden;} #m_nav .title .sub a {background:none;font-size:.875rem;opacity:.8;min-width:50%;float:left;display:inline-block;color:#999;} .nav_mask {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,0.4);display:none;} /*顶部搜索*/ .wap_search {font-size:16px;border-radius:5px;color:#fff;text-align:center;font-family:arial;letter-spacing:2px;line-height:40px;transition:height .4s ease-in-out;-webkit-transition:height .4s ease-in-out;overflow:hidden;width:100%;} .wap_search form {height:40px;border-radius:20px;background:rgba(255,255,255,.15);position:relative;width:18rem;margin:20px auto;} .wap_search .input {font-size:.875rem;color:#fff;height:40px;line-height:40px;padding-left:1.5rem;box-shadow:none;-webkit-appearance:none;float:left;border-right:0;background:none;} .wap_search .btn_blue {position:absolute;cursor:pointer;top:0;right:0;width:50px;height:40px;line-height:40px;border:0;background:url(../image/seach_white.svg) center no-repeat;background-size:1.5rem;} .wap_search .btn_blue.fr {background:#e9edef;color:#4e4f53;} .wap_search input::-webkit-input-placeholder {color:#fff;color:rgba(255,255,255,.9);} .wap_search input::-moz-placeholder {/* Mozilla Firefox 19+ */ color:#fff;color:rgba(255,255,255,.9);} .wap_search input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color:#fff;color:rgba(255,255,255,.9);} .wap_search input:-ms-input-placeholder {/* Internet Explorer 10-11 */ color:#fff;color:rgba(255,255,255,.9);} /* WebKit browsers */ .wap_search input:focus::-webkit-input-placeholder {color:transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */} /* Mozilla Firefox 4 to 18 */ .wap_search input:focus:-moz-placeholder {color:transparent;} /* Mozilla Firefox 19+ */ .wap_search input:focus::-moz-placeholder {color:transparent;} /* Internet Explorer 10+ */ .wap_search input:focus:-ms-input-placeholder {color:transparent;} /* 点击搜索框获取焦点 placeholder消失-结束 */ /*首页banner*//*首页banner*/ #banner {width:100%;overflow:hidden;overflow:hidden;position:relative;top:0;left:0;z-index:1;background:#fff;} #banner .banner_slider {margin:0;} #banner li {position:relative;overflow:hidden;} #banner li .img {width:100%;height:59.375rem;background-size:cover !important;z-index:8;-webkit-transform:scale(1.2);transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);} @-webkit-keyframes bgscale {from {-webkit-transform:scale(1.2);transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);} to {-webkit-transform:scale(1);transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);} } @keyframes bgscale {from {-webkit-transform:scale(1.2);transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);} to {-webkit-transform:scale(1);transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);} } #banner .slick-active .img {animation:bgscale 6s linear forwards;-webkit-animation:bgscale 6s linear forwards;} #banner .m {height:100%;} #banner li.slick-current {z-index:999;} #banner .con {position:absolute;width:100%;height:100%;top:0;left:0;z-index:999;} #banner .pic {margin:0 auto;color:#fff;margin-top:0rem;opacity:0;transform:translateY(-100px);transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);-o-transform:translateY(-100px);} #banner .pic img {display:inline-block;} #banner li.slick-current {z-index:999;} #banner .slick-current .pic {opacity:1;animation:enter 1.3s ease forwards;-webkit-animation:enter 1.3s ease forwards;} #banner .swiper-pagination {position:absolute;bottom:3rem;left:50%;margin-left:-680px;text-align:left;} #banner .swiper-pagination span {display:inline-block;width:11px;height:11px;margin-bottom:24px;position:relative;background:url(https://www.shuobiaosolar.cn/static/style/pc/images/bot.png) center 11px no-repeat;opacity:1 !important;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;} #banner .swiper-pagination span:before {content:"";display:block;width:11px;height:11px;position:absolute;left:0;top:0;border:1px solid rgba(255,255,255,1);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;} #banner .swiper-pagination span.swiper-pagination-bullet-active:before {background:#fff;} #banner .slickdotbox {bottom:12.5rem;top:auto;position:absolute;width:100%;text-align:center;padding-right:2.875rem;} #banner .slickdotbox ul {text-align:center;} #banner .slickdotbox li {width:1.375rem;height:1.375rem;margin:0 2px;cursor:pointer;padding:1px;} #banner .slickdotbox li .draw_h {width:100% !important;height:100% !important;line-height:1.25rem !important;display:flex;align-items:center;justify-content:center;} #banner .slickdotbox li i {display:block;position:relative;display:inline-block;width:6px;height:6px;background:#fff;border-radius:3px;box-sizing:border-box;opacity:1;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;} #banner .slickdotbox li.slick-current {} #banner .slickdotbox li .draw_h:before {display:none;} #banner svg.drawcircle circle {stroke-width:1px;stroke-dasharray:0,62.8;stroke-dashoffset:62.8;} #banner li.slick-current .draw_h svg.drawcircle circle {stroke:#fff;stroke-dasharray:62.8,0;stroke-dashoffset:62.8;-webkit-transition:all 7s cubic-bezier(0.11,0.57,0.58,1);transition:all 7s cubic-bezier(0.11,0.57,0.58,1);} @-webkit-keyframes enter {0% {opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);} 20% {opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);} 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);} } @keyframes enter {0% {opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);} 20% {opacity:0;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);} 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);} } @-webkit-keyframes anim-out-pseudo {0% {background:rgba(0,0,0,0.25);} 100% {background:transparent;} } @-moz-keyframes anim-out-pseudo {0% {background:rgba(0,0,0,0.25);} 100% {background:transparent;} } @-ms-keyframes anim-out-pseudo {0% {background:rgba(0,0,0,0.25);} 100% {background:transparent;} } @keyframes anim-out-pseudo {0% {background:rgba(0,0,0,0.25);} 100% {background:transparent;} } @-webkit-keyframes anim-out {0% {width:0%;} 100% {width:100%;} } @-moz-keyframes anim-out {0% {width:0%;} 100% {width:100%;} } @-ms-keyframes anim-out {0% {width:0%;} 100% {width:100%;} } @keyframes anim-out {0% {width:0%;} 100% {width:100%;} } .btn_ts {display:block;color:#fff;overflow:visible;margin-top:4rem;} .btn_bg {position:absolute;overflow:hidden;left:0;top:0;width:100%;height:100%;background:#fb0012;z-index:-1;} .btn_bg:before {content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent transparent transparent #0066b2;position:absolute;bottom:0;left:0;} .btn_bg:after {content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent #0066b2 transparent transparent;position:absolute;top:0;right:0;} .btn_ts:hover .btn_bg:before {border-width:165px 0 0 165px;} .btn_ts:hover .btn_bg:after {border-width:0 165px 165px 0;} .tc1 .tc {pointer-events:none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;position:fixed;width:100%;height:100%;top:0;z-index:99999;} .tc1 .tc.act {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;pointer-events:auto;} .tc1 .close:hover {transform:rotate(180deg);} .tc1 .close,.tc {transition:all ease 400ms;-moz-transition:all ease 400ms;-ms-transition:all ease 400ms;-o-transition:all ease 400ms;-webkit-transition:all ease 400ms;} .tc1 .tc-box {position:absolute;background:#d9d9d9;border-radius:2px;overflow:hidden;top:50%;z-index:9999;width:11rem;left:50%;margin-left:-5.5rem;margin-top:-5.5rem;padding:1rem;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;} .tc1 .tc.act .tc-box {transform:scale(1);} .tc1 .tc.act {display:block;} .tc1 .close {position:absolute;cursor:pointer;font-size:20px;right:30px;top:30px;} .tc1 .tc_bg {height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;width:100%;z-index:0;} .tc1 .tc-box h3 img {width:100%;margin:0 auto;display:block;} .tc1 .tc-box h5 {padding-top:1rem;font-size:.875rem;color:#6c6c6c;text-align:center;} #s_jishu {width:100%;overflow:hidden;margin-top:-10rem;position:relative;z-index:2;} #s_jishu ul {} #s_jishu ul li {background:#014590;color:#fff;} #s_jishu ul li a {display:block;padding:3.75rem 3.75rem;display:flex;justify-content:space-between;align-items:flex-end;} #s_jishu ul li .txt {float:left;} #s_jishu ul li font {float:right;display:block;width:4rem;height:4rem;overflow:hidden;transition:.7s;display:flex;align-items:flex-end;justify-content:flex-end;} #s_jishu ul li span {font-size:1.75rem;font-family:BEBASNEUE_BOLD;line-height:1.875rem;color:#fff;white-space:nowrap;text-transform:uppercase;transition:.7s;} #s_jishu ul li h3 {font-size:1.5rem;color:#fff;margin-top:1rem;margin-bottom:1.75rem;transition:.7s;} #s_jishu ul li .txt svg {width:2.5rem;height:2.5rem;} #s_jishu ul li:nth-child(even) {background:#1366ac;} #s_jishu ul li:hover font,#s_jishu ul li:hover h5,#s_jishu ul li:hover p,#s_jishu ul li:hover .btn_arrow {transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);} #s_jishu ul li:hover font img {animation:jello 1s;} #s_video {width:100%;overflow:hidden;} #s_video .img {position:relative;z-index:9;cursor:none;} #s_video .img a {display:block;} #s_video .img .mask {position:absolute;z-index:1;bottom:0;left:0;width:100%;height:100%;transition:.5s;text-align:center;opacity:1;} #s_video .img .mask font {display:block;width:5rem;height:5rem;transition:.5s;border-radius:50%;background:url(../image/play.png) center no-repeat;background-size:contain;margin:0 auto;position:relative;} #s_video .img .mask font:before,#s_video .img .mask font:after {content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%;border:1px solid #fff;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);transition:1.5s;opacity:0.1;} #s_video .img .mask font:hover:before {opacity:.5;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);} #s_video .img .mask font:hover:after {opacity:.3;-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);transform:scale(1.7);} .tc {transition:all ease 300ms;position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999999999;pointer-events:none;visibility:hidden;opacity:0;transition:.5s;} .tc .j_tab {table-layout:fixed;} .tc[name=tc_search] {opacity:1;} .tc.act {display:block;pointer-events:auto;visibility:visible;opacity:1;} .tc-box {box-sizing:border-box;z-index:999;display:block;position:relative;transform:translateY(-3rem);transition:all 0.5s ease-out;opacity:0;-webkit-transform:translateY(-3rem);-moz-transform:translateY(-3rem);-ms-transform:translateY(-3rem);-o-transform:translateY(-3rem);} .tc.act .tc-box {transform:translateY(0);opacity:1;} .tc_close {position:absolute;cursor:pointer;color:#e13a39;font-size:30px;right:15px;top:15px;} .tc_bg {height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;width:100%;z-index:0;} .tc.act .tc_bg {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;transition:.5s;} .tc_shipin {width:90%;max-width:800px;margin:0 auto;background:none;} .tc_shipin #my-video {position:relative;height:0;padding-top:60%;} .tc_shipin #my-video video {width:100%;height:100%;position:absolute;left:0;top:0;} .tc_shipin .tc_close {display:block;width:1.5rem;height:1.5rem;position:absolute;top:-2rem;right:-3rem;border-radius:50%;} .tc_shipin .tc_close img {display:block;position:absolute;width:1rem;height:1rem;left:50%;top:50%;margin-top:-.5rem;margin-left:-.5rem;} .tc_shipin .tc_close:hover img {transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .video-js {width:100% !important;height:100% !important;} .video-js .vjs-big-play-button {left:50% !important;top:50% !important;margin-left:calc(-1.6rem - 5px);margin-top:calc(-1.6rem - 5px);background-color:rgba(0,0,0,0) !important;} video {object-fit:fill;} .vjs-poster {background-size:cover !important;} #s_video .m {} #s_video .txt {height:18.5rem;} #s_video .box {position:relative;padding-top:14rem;} #s_video .box .img {margin:0 auto;} #s_video .txt {font-family:"BebasNeue";font-size:25rem;text-align:center;color:#f2f4f7;text-shadow:#f2f4f7 1px 0 0,#f2f4f7 0 1px 0,#f2f4f7 -1px 0 0,#f2f4f7 0 -1px 0;position:absolute;top:0rem;left:0;right:0;text-align:center;} .bg-cover {position:absolute;left:0;top:4rem;background-repeat:repeat-x;width:100%;height:100%;background-position:left top !important;-webkit-animation:play 50s linear infinite;animation:play 50s linear infinite;} @-webkit-keyframes play {from {background-position:0% 0;} to {background-position:100% 0;} } @keyframes play {from {background-position:0% 0;} to {background-position:100% 0;} } @-webkit-keyframes jello {from,11.1%,to {-webkit-transform:none;transform:none} 22.2% {-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3% {-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)} 44.4% {-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5% {-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6% {-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)} 77.7% {-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)} 88.8% {-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)} } @-moz-keyframes jello {from,11.1%,to {-moz-transform:none;transform:none} 22.2% {-moz-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3% {-moz-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)} 44.4% {-moz-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5% {-moz-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6% {-moz-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)} 77.7% {-moz-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)} 88.8% {-moz-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)} } @keyframes jello {from,11.1%,to {-webkit-transform:none;-moz-transform:none;transform:none} 22.2% {-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);-moz-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3% {-webkit-transform:skewX(6.25deg) skewY(6.25deg);-moz-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)} 44.4% {-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);-moz-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5% {-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);-moz-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6% {-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);-moz-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)} 77.7% {-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);-moz-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)} 88.8% {-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);-moz-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)} } .bg_anim {position:relative;overflow:hidden;z-index:1;} .bg_anim:before {content:'';width:0;height:0;/* -webkit-transform:rotate(360deg);*/border-style:solid;border-width:0 0 0 0;border-color:transparent transparent transparent #fb0012;position:absolute;z-index:-1;bottom:0;left:0;} .bg_anim:after {content:'';width:0;height:0;/* -webkit-transform:rotate(360deg);*/border-style:solid;border-width:0 0 0 0;border-color:transparent #fb0012 transparent transparent;position:absolute;z-index:-1;top:0;right:0;} .bg_anim:hover:before {border-width:400px 0 0 400px;} .bg_anim:hover:after {border-width:0 400px 400px 0;} .video_bot {width:75%;height:15px;background:url(../image/video_bot.png) left top no-repeat;background-size:contain;margin-top:1.875rem;} .video_txt {padding:5.5rem 3.4375rem;padding-bottom:11rem;color:#fff;width:450px;max-width:100%;position:absolute;right:6.125rem;z-index:99;bottom:-2.375rem;background:url(../image/video_txt.png) left bottom no-repeat;background-size:100% auto;} .video_txt h2 {font-size:1.625rem;color:#fff;font-style:italic;font-weight:bold;margin-bottom:2.125rem;} .video_txt .con {font-size:.9375rem;line-height:1.875rem;opacity:.8;} .video_txt .con p {} .video_txt .btn_arr {} .btn_arr {display:block;color:#fff;overflow:hidden;width:6.5rem;height:2.8125rem;line-height:2.8125rem;margin-top:4rem;background:#fb0012;position:relative;z-index:1;} .btn_arr svg {width:1.25rem;height:1.25rem;margin-bottom:2px;} .btn_arr:before {content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent transparent transparent #0066b2;position:absolute;z-index:-1;bottom:0;left:0;} .btn_arr:after {content:'';width:0;height:0;-webkit-transform:rotate(360deg);border-style:solid;border-width:0 0 0 0;border-color:transparent #0066b2 transparent transparent;position:absolute;z-index:-1;top:0;right:0;} .btn_arr:hover:before {border-width:165px 0 0 165px;} .btn_arr:hover:after {border-width:0 165px 165px 0;} #s_pro {background:url(../image/pro_bg.jpg) center top no-repeat;padding-bottom:2rem;width:100%;overflow:hidden;background-size:auto 36rem;} .s_hd {color:#fff;margin-bottom:3rem;overflow:hidden;} .s_hd h3 {float:left;font-size:2.1875rem;line-height:3.125rem;color:#fff;font-weight:bold;} .s_hd .btn_r {float:right;width:9rem;height:3.125rem;line-height:3.125rem;background:#fff;font-size:.9375rem;color:#4f4f4f;} .s_hd .btn_r:before {content:"";display:block;width:5px;height:100%;position:absolute;left:0;top:0;background:#fb0012;z-index:-1;} .s_hd .btn_r:hover:before {width:100%;} .s_hd .btn_r:hover {color:#fff;} #s_pro ul {margin:0 -1.625rem;} #s_pro ul li {padding:0 1.625rem;font-size:3rem;color:#fff;} #s_pro ul li .btn_arr2 {width:6.25rem;height:100%;overflow:hidden;position:absolute;right:0;top:0;border-left:1px solid #e2e2e2;display:flex;align-items:center;justify-content:center;} #s_pro ul li .btn_arr2 svg {width:1.25rem;} #s_pro ul li .btn_arr2 svg path {fill:#000000;} #s_pro ul li .btn_arr2:before {content:"";display:block;width:0;height:100%;position:absolute;z-index:-1;left:0;top:0;background:#fb0012;} #s_pro ul li:hover .btn_arr2:before {width:100%;} #s_pro ul li:hover .btn_arr2 svg path {fill:#fff;} #s_pro ul li a {display:block;background:#fff;position:relative;} #s_pro ul li .sort {height:5rem;line-height:5rem;padding-left:2rem;border-bottom:1px solid #e2e2e2;position:relative;font-size:1.125rem;color:#0e0e0e;} #s_pro ul li h5 {padding:2rem;font-size:1.375rem;color:#0e0e0e;font-weight:bold;line-height:2rem;} #s_pro ul li .img{height: 22rem;} #s_pro .slick-arrow {z-index:99;position:absolute;top:40%;margin-top:-13px;transform:translate(0,0);opacity:1;display:block;width:3.0625rem;height:3.0625rem;background-size:3.0625rem !important;} #s_pro .slick-prev {left:-6.25rem;background:url(../image/pro_left.png) center no-repeat;transition:300ms;-webkit-transition:300ms;} #s_pro .slick-next {right:-6.25rem;background:url(../image/pro_right.png) center no-repeat;transition:300ms;-webkit-transition:300ms;} .slick-prev:before,.slick-next:before {display:none;} .s_hd.black h3 {color:#333333;} .s_hd.black .btn_r {background:#f2f4f7;} #s_wenhua {width:100%;overflow:hidden;position:relative;} #s_wenhua .left {width:29.5rem;position:relative;float:right;height:41.875rem;background:#1366ac;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;} #s_wenhua .right {width:calc(100% - 29.5rem);float:left;} #s_wenhua .right li .img {height:41.875rem;} #s_wenhua .right li .img img {object-fit:cover;} #s_wenhua .left h5 {font-size:1.5rem;color:#fff;line-height:2rem;margin-bottom:1.25rem;} #s_wenhua .left span {font-size:1.875rem;font-family:BEBASNEUE_BOLD;color:#fff;text-transform:uppercase;line-height:1.1;display:block;} #s_wenhua .left .box {width:100%;} #s_wenhua .hd {width:100%;padding:3.75rem;} .s_wenhua_nav {width:100%;} .s_wenhua_nav li {text-align:left;padding:1px;} .s_wenhua_nav li p {font-size:.9375rem;color:#fff;line-height:1.625rem;} #s_wenhua .btn_more.bigsize {margin:0 auto;} .btn_more.bigsize {height:3rem;line-height:2.75rem;border:2px solid #e5e5e5;width:11.5rem;font-size:.875rem;} #s_wenhua .slick_arrow_right {position:static;float:none;clear:both;margin-top:5.625rem;margin-left:.5rem;} #s_wenhua .slick_arrow_right .slick-arrow {z-index:99;float:left;margin-right:8px;background:none;display:block;font-size:0;cursor:pointer;position:relative;width:6rem;line-height:2.8125rem;text-align:center;height:2.8125rem;} #s_wenhua .slick_arrow_right .slick-arrow svg {width:1rem;vertical-align:middle;} #s_wenhua .slick_arrow_right .slick-prev2 {} #s_wenhua .slick_arrow_right .slick-next2 {} .slick-arrow .btn_bg {background:none;border:2px solid #fff;} .slick-arrow:hover .btn_bg {border:2px solid #fb0012;} .slick-arrow .btn_bg:before {border-color:transparent transparent transparent #fb0012;} .slick-arrow .btn_bg:after {border-color:transparent #fb0012 transparent transparent;} .dotbox {float:none;clear:both;overflow:hidden;} #s_wenhua .slick-dots {position:static;display:block;} #s_wenhua .slick-dots li {display:block;width:8px;height:8px;opacity:.8;float:left;margin-right:8px;border:1px solid #fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;} #s_wenhua .slick-dots li.slick-active {background:#fff;opacity:1;} #s_case {background:url(../image/case_bg.jpg) center top no-repeat;width:100%;overflow:hidden;background-size:cover;background-attachment:fixed;} #s_case ul {margin:0 -13px;} #s_case ul li {padding:0 13px;} #s_case ul li .img {} #s_case ul li .img img {} #s_case ul li .txt {background:#fff;padding:2.5rem;text-align:center;} #s_case ul li .txt span {font-size:1rem;color:#444444;font-family:BEBASNEUE_BOLD;} #s_case ul li .txt h5 {font-size:1.1875rem;color:#373737;margin-top:1.25rem;margin-bottom:1rem;} #s_case ul li .txt p {margin-bottom:2.5rem;font-size:.875rem;color:#6f6f6f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .btn_xq {position:relative;overflow:visible;width:6.625rem;height:2.8125rem;line-height:2.8125rem;margin:0 auto;font-size:.875rem;color:#747474;} .btn_xq .btn_bg {background:none;} .btn_xq .btn_bg i {display:block;width:100%;height:100%;position:absolute;left:0;top:0;border:2px solid #c4c6c9;box-sizing:border-box;z-index:-1;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;} .btn_xq .btn_bg:before {border-color:transparent transparent transparent #fb0012 !important;} .btn_xq .btn_bg:after {border-color:transparent #fb0012 transparent transparent !important;} .btn_xq:hover .btn_bg:before {border-width:165px 0 0 165px;} .btn_xq:hover .btn_bg:after {border-width:0 165px 165px 0;} .btn_xq:hover {color:#fff;} .btn_xq:hover .btn_bg i {border:2px solid #fff;} #s_news {background:#f2f4f7;width:100%;overflow:hidden;} #s_news .s_hd {margin-bottom:2.375rem;} #s_news .s_hd .btn_r {background:#fff;} #s_news .bd {} #s_news .bd ul {display:flex;margin:0 -10px;} #s_news .bd ul li {padding:10px;float:left;width:22.5%;} #s_news .bd ul li:first-child {width:32.5%;height:31rem;} #s_news .bd ul li a {display:block;position:relative;z-index:1;background:#fff;height:100%;display:flex;flex-direction:column;} #s_news .bd ul li:first-child .img {width:100%;height:100%;} #s_news .bd ul li .img {height:17rem;} #s_news .bd ul li .img img {width:100%;height:100%;object-fit:cover;} #s_news .bd ul li .mask {position:absolute;bottom:0;left:0;width:100%;padding:0 2.125rem;padding-top:3rem;padding-bottom:1.875rem;background:linear-gradient(top,transparent,rgba(0,0,0,0.75));background:-o-linear-gradient(top,transparent,rgba(0,0,0,0.75));background:-ms-linear-gradient(top,transparent,rgba(0,0,0,0.75));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,0.75));background:-moz-linear-gradient(top,transparent,rgba(0,0,0,0.75));background:-webkit-gradient(linear,0% 0%,0% 100%,from(transparent),to(rgba(0,0,0,0.75)));FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=transparent,endColorStr=#111);} #s_news .bd ul li .mask h5 {font-size:1.1875rem;color:#fff;font-weight:bold;margin-bottom:.625rem;} #s_news .bd ul li .mask span {font-size:.875rem;font-family:BEBAS;color:#fff;} #s_news .bd ul li .txt {padding:2rem;height:13rem;} #s_news .bd ul li .txt h5 {font-size:1.1875rem;color:#2f2f2f;font-weight:bold;margin-bottom:.75rem;} #s_news .bd ul li .txt p {font-size:.8125rem;color:#767676;line-height:1.5rem;height:3rem;overflow:hidden;margin-bottom:2.5rem;} #s_news .bd ul li .txt span {font-size:.875rem;color:#676767;font-family:BEBAS;} #foot {background:url(../image/foot_bg.jpg) no-repeat center center;background-size:cover;color:#fff;} #foot>.m {display:flex;justify-content:space-between;} .foot_nav {display:flex;justify-content:space-between;flex-grow:.7;} .foot_nav dl {flex-grow:1;float:left;} .foot_nav dt {font-size:1.0625rem;color:#fff;margin-bottom:1.5rem;} .foot_nav dd {font-size:.875rem;color:rgba(255,255,255,0.5);line-height:2rem;} .foot_nav dd:hover {color:#fff;} #foot .fr {display:flex;justify-content:space-between;} .foot_ewm {text-align:center;margin-left:3rem;} .foot_ewm .pic {border:1px solid #59626e;width:9.6875rem;height:9.6875rem;border:1px solid rgba(255,255,255,0.3);padding:.5rem;margin-bottom:.75rem;} .foot_ewm .pic img {width:100%;height:100%;} .foot_ewm p {font-size:.75rem;color:rgba(255,255,255,0.6);} .foot_lianxi {} .foot_lianxi dl {} .foot_lianxi dt {color:rgba(255,255,255,0.5);margin-bottom:.5rem;} .foot_lianxi dd {font-size:.9375rem;} .foot_lianxi dd a {color:#b2b2b2;font-size:.875rem;text-decoration:underline;} .foot_tel {font-size:1.25rem;color:#eee; } .foot_share {margin-top:1.25rem;} .foot_share .font {display:inline-block;border:1px solid #7b8086;width:2.375rem;height:2.375rem;line-height:2.375rem;border-radius:50%;text-align:center;transition:.3s;font-size:0;margin-right:.75rem;} .foot_share .font:hover {background:#fb0012;border:1px solid #fb0012;} .foot_share .font:hover svg path {fill:#eee;} @media (max-width:480px) {.foot_share .font.hidden-xs {display:none;} } .s_foot_link {height:3.125rem;width:203px;cursor:pointer;overflow:visible;position:relative;text-align:left;} .s_foot_link .tanchu {overflow:auto;box-sizing:border-box;position:absolute;bottom:3.125rem;border-bottom:0;display:none;left:0;right:-1px;} .s_foot_link .tanchu:before {content:"";display:block;border:10px solid transparent;border-top:10px solid #ebf8fa;width:0px;height:0px;position:absolute;bottom:1px;left:50%;margin-left:-10px;} .s_foot_link .tanchu>div {max-height:200px;margin-bottom:20px;background:#f3f3f3;display:block;border:1px solid #bbb;padding:10px 13px;overflow:auto;box-shadow:0px 6px 12px 0px rgba(0,0,0,0.44);} .s_foot_link .tanchu>div::-webkit-scrollbar {display:none} .s_foot_link .tanchu a {color:#2d2e32;line-height:27px;display:block;font-size:12px;} .s_foot_link .tanchu a:hover {color:#fb0012 !important;} .s_foot_link #bnt_link1.a {padding-left:12px;color:#fff;border:1px solid rgba(255,255,255,0.3);font-size:.875rem;text-align:left;line-height:3rem;width:100%;height:3.125rem;box-sizing:border-box;text-decoration:none;position:absolute;z-index:1;} .s_foot_link .a span {display:inline-block;float:right;color:#919397;line-height:3rem;width:10px;text-align:center;height:100%;margin-right:20px;} .copyright {line-height:3.125rem;padding-top:1.875rem;padding-bottom:2.75rem;font-size:.8125rem;color:#818181;border-top:1px solid rgba(255,255,255,.3);margin-top:3.125rem;} .copyright .m {display:flex;justify-content:space-between;} .copyright a:hover {color:#db9763;} #foot a:hover {color:#fff;} .online_q {position:fixed;right:.25rem;bottom:10%;z-index:9999;transition:.5s;-webkit-transition:.5s;} .online_q .btn2 {width:3.4375rem;height:3.4375rem;cursor:pointer;position:relative;margin-bottom:5px;} .online_q .btn-top {padding:0;transition:.5s;overflow:hidden;} .online_q .btn-top span {background:#fb0012 !important;} .online_q .btn2 a {font-size:12px;color:#fff;} .online_q .btn2 span {display:block;float:left;text-align:center;width:3.4375rem;height:3.4375rem;line-height:3.4375rem;position:relative;z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;background:#1366ac;} .online_q .btn2:hover span {background:#fb0012;} .online_q .open.pic {position:absolute;background:#ddd;width:100px;height:100px;right:80px;top:50%;margin-top:-50px;text-align:right;opacity:0;transition:.6s;-webkit-transition:.6s;visibility:hidden;} .online_q .open.pic img {width:80px;height:80px;margin-top:10px;margin-right:10px;} .online_q .btn2:hover .open.pic {opacity:1;right:4.5rem;visibility:visible;} .online_q .open.phone {display:inline-block;height:3.4375rem;line-height:3.4375rem;z-index:0;background:#eee;color:#fb0012;font-family:arial;font-size:18px;transition:width 0s;-webkit-transition:width 0s;text-align:center;width:150px;} .online_q .btn2:hover .open.phone {transition:.5s;-webkit-transition:.5s;opacity:1;visibility:visible;} .btn-tel a {display:block;width:3.4375rem;white-space:nowrap;position:absolute;right:0;transition:.5s;-webkit-transition:.5s;overflow:hidden;} .btn-tel:hover a {width:205px;} .online_q .btn-02.btn-tel:hover span {background:url(https://www.shuobiaosolar.cn/static/style/pc/images/piaofu_tel.png) center no-repeat #fff;border:2px solid #037ccf;} .online_q .open.pic:before {content:"";display:block;width:0;height:0;border:10px solid transparent;border-left:10px solid #ddd;position:absolute;right:-15px;top:50%;margin-top:-10px;} #gotop.hide {height:0;overflow:hidden;display:block !important;} .ar_article {font-size:1rem;color:#787878;line-height:1.875rem;text-align:justify;} .ar_article h4 {font-size:1.125rem;} .ar_article p {font-size:1rem;color:#5b5b5b;line-height:2rem;padding-bottom:2rem;} .ar_article p:last-child {padding-bottom:0;} .ar_article strong {font-weight:bold;} .ar_article td,.ar_article th {padding:15px;border:1px solid #c6c5c5;font-size:1rem !important;font-family:"微软雅黑","Microsoft YaHei",sans-serif !important;} .ar_article td *,.ar_article th * {font-size:0.95rem !important;font-family:"微软雅黑","Microsoft YaHei",sans-serif !important;} .ar_article td p,.ar_article th p {padding-bottom:0;margin-bottom:0;text-align:inherit;} .ar_article img {max-width:100%;} .ar_article a {color:#363636;} .ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6,.ar_article b {font-weight:bold;color:#232323;} .ar_article ul li,.ar_article ol li {padding-bottom:0 !important;margin-bottom:0 !important;margin-left:2rem;} .ar_article ul li p,.ar_article ol li p {padding-bottom:0;margin-bottom:3px !important;} .ar_article ul,.ar_article ol {margin-bottom:15px;} .n_container {overflow:hidden} .n_container .m {max-width:1500px;} .n_banner {height:31.25rem;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column} .n_banner h3 {font-size:2.5rem;color:#fff;font-weight:bold;margin:1.25rem 0} .n_banner h5 {font-size:1.375rem;color:#fff;line-height:1.5;text-transform: uppercase;} .mianbao {margin:0 0 3rem;height:80px;line-height:80px;font-size:14px;color:#595959;transition:.5s;border-bottom: solid 1px #eee;} .mianbao * {transition:.5s} .mianbao .m{display:flex;justify-content:space-between;align-items:center;} .mianbao .n_nav ul {display:flex;justify-content:flex-start;align-items:center;} .mianbao .n_nav ul li{position:static;display:inline-block;color:#fff;width:auto;vertical-align:top;} .mianbao .n_nav ul li.on a{color: #fb0012;} .mianbao .n_nav ul a {position:relative;font-size:1rem;padding:0px 30px;color:#333;display:block;transition:0.3s ease 0s;} .mianbao .n_nav ul .more:after {content:"";position:absolute;width:1px;height:15px;display:block;background:#ccc;top:50%;margin-top:-7px;right:0px;} .mianbao .n_nav ul a:before {position:absolute;content:'';left:50%;bottom:0px;width:0%;height:3px;background-color:none;transition:all .3s;} .mianbao .n_nav ul a:hover:before {width:80%;left:10%;background-color:#fb0012;} .mianbao img {margin:0 .75rem 0 0} .mianbao .n_position a {margin:0 .25rem} .mianbao .n_position a:last-child {color:#fb0012} .mianbao .n_position a:hover{color:#fb0012} .title001 {margin-bottom:2.25rem} .title001 h3 {font-size:1.375rem;color:#b8babd;} .title001 h2 {font-size:1.5rem;color:#414141;font-weight:bold;line-height:1.375} .n_about .fl01 {padding:0 0 4.375rem} .n_about .fl01 .m {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap} .n_about .fl01 .m .left {width:50%;padding:0 4.5rem 0 0;} .n_about .fl01 .m .left .ar_article {} .n_about .fl01 .m .right {width:50%;position:relative;z-index:1} .n_about .fl01 .m .right img {width:100%} .n_about .fl01 .m .right:before {content:"";position:absolute;top:.625rem;right:-.625rem;bottom:-.625rem;left:1.875rem;border:#dddddd 1px solid;z-index:-1;border-radius:4rem 0 0 0} .n_about #s_video .img .mask font {background:url(../image/play1.png) center no-repeat;background-size:contain;} #s_video .img .mask font:before,#s_video .img .mask font:after {opacity:0} .n_about .fl02 {padding:7.5rem 0;background:url(../image/n_about_fl02_bg.jpg) center no-repeat;background-size:cover;background-attachment:fixed} .title002 {text-align:center;margin-bottom:2.5rem} .title002 h3 {font-size:2.1875rem;color:#fff;line-height:1.25} .title002 h4 {display:flex;align-items:center;justify-content:center;margin:1.25rem 0 0} .list_box_01 {display:flex;flex-wrap:wrap;text-align:center;justify-content: space-between;} .list_box_01 li {width:23.5%;margin-bottom: 2%;} .list_box_01 li h3 img {transition:.5s} .list_box_01 li h5 {font-size:1.125rem;color:#fff;margin:1.5rem 0 .75rem} .list_box_01 li h6 {font-size:.9375rem;color:#fff;line-height:1.5;} .list_box_01 li:hover h3 img {transform:rotateY(180deg)} .title003 h3 {color:#333333;} .slick-list {min-width:100%} .n_about .fl03 {padding-bottom:6rem;} .opacity {filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1} /*透明代码*/.overfloat-dot {overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /*文本超出 小圆点显示*/.overfloat-dot-2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .overfloat-dot-3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .overfloat-dot-4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .overfloat-dot-5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;} .overfloat-dot-6 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;} .overfloat-dot-7 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;} .list_box_03 {display: flex;flex-wrap: wrap;} .list_box_03 li {width:33.333333%;padding:0 .5rem;margin:.625rem 0} .list_box_03 li .img{height: 20rem;} .n_zizhi {padding:0 0 1.625rem;} .list_box_04 {margin:0 -.625rem;display:flex;flex-wrap:wrap} .list_box_04 li {width:50%;padding:0 .625rem;margin-bottom:1.75rem} .list_box_04 li a {display:flex;padding:2.5rem;background:#f2f4f7;align-items:center;justify-content:space-between} .list_box_04 li a .img {width:13.75rem;height:14.375rem;display:flex;align-items:center;justify-content:center} .list_box_04 li a .img img {width:auto;height:auto;max-width:100%;max-height:14.375rem} .list_box_04 li a .con {width:calc(100% - 13.75rem);padding:0 0 0 3.125rem} .list_box_04 li a .con h6 {font-size:13px;color:#454545;line-height:1.25} .list_box_04 li a .con h5 {font-size:1.25rem;color:#303030;line-height:1.25;margin:.75rem 0 2rem;white-space: pre-wrap;} .list_box_04 li a .con .btn_xq,.list_box_04 li a .con .btn_xq .btn_bg {margin:0;} .list_box_04 li a .con .btn_xq {width:7.1875rem} /*翻页*/ .pages {text-align:center;margin:1.5rem 0 0;} .pages .box {display:flex;align-items:center;justify-content:center} .pages .box a {margin:0 .375rem;border:#d3d6d9 1px solid;transition:.5s;font-size:14px;color:#78430f;display:flex;align-items:center;justify-content:center;height:2.5rem;min-width:2.5rem;padding:0 .5rem;white-space:nowrap;} .pages .box a span {padding:0 1rem;} .pages .box a.on {color:#fff;border:#1366ac 1px solid;background:#1366ac} .n_peixun {} .list_box_peixun {margin-bottom:4rem;} .list_box_peixun li {margin-bottom:3.5rem;} .list_box_peixun li a {display:flex;flex-wrap:wrap;align-items:center;position:relative;padding-bottom:2.5rem;overflow:hidden;} .list_box_peixun li a::before {content:"";position:absolute;top:3.125rem;right:0;bottom:0;left:15%;z-index:-1;background:#f2f4f7;transform:skewX(-15deg) translateX(8%);} .list_box_peixun li a .img_box {width:45.625rem;} .list_box_peixun li a .img {border-radius:0} .list_box_peixun li a .img_box h6 {margin-top:2.375rem;} .list_box_peixun li a .img_box h6 img {width:100%;} .list_box_peixun li a .img .img_hezi {padding-bottom:54.79% !important;} .list_box_peixun li a .con {width:calc(100% - 45.625rem);padding:3.125rem 4rem 0 4.375rem;} .list_box_peixun li a .con .zuixin {display:flex;justify-content:flex-end;opacity:0;visibility:hidden;} .list_box_peixun li a .con .zuixin.on {opacity:1;visibility:visible;} .list_box_peixun li a .con .zuixin .zuixin_box {background:url(https://www.shuobiaosolar.cn/static/style/pc/images/zuixin_bg.png) center no-repeat;width:5.8125rem;height:2.5rem;line-height:2.5rem;text-align:center;font-size:1.125rem;color:#fff;margin-right:-4rem;padding:0 0 0 1rem;background-size:100% 100% !important;} .list_box_peixun li a .con h4 {font-size:1.875rem;color:#1366ac;font-family:BEBASNEUE_BOLD;line-height:1;} .list_box_peixun li a .con h5 {font-size:1.5rem;color:#4a4a4a;font-weight:bold;margin:.5rem 0 2rem;} .list_box_peixun li a .con p {font-size:.9375rem;color:#707172;line-height:1.75rem;max-height:5.25rem;transition:.5s;opacity:.8;margin:0;} .list_box_peixun li:nth-child(2n) a .img_box {order:2;} .list_box_peixun li:nth-child(2n) a::before {left:0;right:15%;transform:skewX(15deg) translateX(-8%);} .list_box_peixun li:nth-child(2n) a .img_box h6 img {transform:rotateY(180deg);} .list_box_peixun li:nth-child(2n) a .con .zuixin {justify-content:flex-start;} .list_box_peixun li:nth-child(2n) a .con .zuixin .zuixin_box {background:url(https://www.shuobiaosolar.cn/static/style/pc/images/zuixin_bg1.png) center no-repeat;padding:0 1rem 0 0;margin-left:-4.375rem;margin-right:0;} @font-face {font-family:OpenSans-Bold;src:url(../font/OpenSans-Bold.ttf);} .list_box_05 {margin:0 -1.25rem;display:flex;} .list_box_05 li {width:50%;padding:0 1.25rem} .list_box_05 li a {display:block;position:relative} .list_box_05 li a .top {position:absolute;top:0;right:0;bottom:0;left:0;background:url(../image/list_box_05_top.png) left center no-repeat;background-size:auto 100%;display:flex;align-items:center} .list_box_05 li a .top .box {width:34%;padding:0 0 0 3rem;} .list_box_05 li a .top .box h6 {font-size:13px;color:#fff;font-family:OpenSans-Bold;} .list_box_05 li a .top .box h5 {font-size:1.1875rem;color:#fff;line-height:1.875rem;height:3.75rem;white-space:normal;margin:1rem 0 2rem;} .n_case {padding:0 0 5.625rem} .list_box_05 li a .top .box .btn_xq {margin:0;margin-top:0;color:#fff} .list_box_05 li a .top .box .btn_xq .btn_bg {margin:0;transform:skewX(0);-webkit-transform:skewX(0);-moz-transform:skewX(0);-ms-transform:skewX(0);-o-transform:skewX(0);} .list_box_05 li a .top .box .btn_xq .btn_bg i {border:rgba(255,255,255,.5) 2px solid} .list_box_05 .slick-arrow {z-index:99;position:absolute;top:50%;transform:translate(0,-50%);opacity:1;display:block;width:3.5rem;height:3.5rem;background-size:100% !important;cursor:pointer} .list_box_05 .slick-prev {left:-5rem;background:url(../image/pro_left1.png) center no-repeat;transition:300ms;-webkit-transition:300ms;} .list_box_05 .slick-next {right:-5rem;background:url(../image/pro_right1.png) center no-repeat;transition:300ms;-webkit-transition:300ms;} .list_box_06 {margin:0 -1.25rem;display:flex;flex-wrap:wrap;margin-top:2.5rem} .list_box_06 li {padding:0 1.25rem;width:33.333333%;margin-bottom:1.875rem} .list_box_06 li .img {height: 16rem;} .list_box_06 li .img img {} .list_box_06 li .txt {background:#f2f4f7;padding:2.5rem;text-align:center;} .list_box_06 li .txt span {font-size:.8125rem;color:#444444;font-family:OpenSans-Bold;} .list_box_06 li .txt h5 {font-size:1.1875rem;color:#373737;margin-top:1.25rem;margin-bottom:1rem;} .list_box_06 li .txt p {margin-bottom:2.5rem;color:#6f6f6f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .list_box_06 li .btn_xq {color:#fff} .list_box_06 li .btn_xq .btn_bg i {border:#1366ac 2px solid;background:#1366ac} /* .list_box_06 li .btn_xq .btn_bg {transform:skewX(-10deg);-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);} */ .n_case_detail {padding:0 0 4.375rem} .n_case_detail .title004 h3 {font-size:1.75rem;color:#3c3c3c;line-height:1.5;margin-bottom:1.75rem;font-weight:bold} .list_box_07 {margin:0 -5px;margin-top:2.5rem} .list_box_07 li {padding:0 5px} .list_box_07 li .img img {height:23.625rem} .list_box_07 .owl-nav {display:flex;justify-content:center;margin:3.125rem 0 0} .list_box_07 .owl-nav .owl-prev,.list_box_07 .owl-nav .owl-next {opacity:1;display:block;width:3.125rem;height:3.125rem;background-size:100% !important;cursor:pointer;font-size:0;margin:0 6px;} .list_box_07 .owl-nav .owl-prev {left:-5rem;background:url(../image/pro_left1.png) center no-repeat;transition:300ms;-webkit-transition:300ms;} .list_box_07 .owl-nav .owl-next {right:-5rem;background:url(../image/pro_right1.png) center no-repeat;transition:300ms;-webkit-transition:300ms;} .list_box_07 .owl-nav .owl-prev:hover {background:url(../image/pro_left1_on.png) center no-repeat;} .list_box_07 .owl-nav .owl-next:hover {background:url(../image/pro_right1_on.png) center no-repeat;} .n_erji {display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:3.75rem} .n_erji li {padding:0 .375rem;} .n_erji li .btn_xq {width:auto;height:3.4375rem;line-height:3.4375rem;padding:0 1.5rem;font-size:1rem;color:#333333;} /* .n_erji li .btn_xq .btn_bg {transform:skewX(-10deg);-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);} */ .n_erji li.on .btn_xq {color:#fff} .n_erji li.on .btn_xq .btn_bg:before {border-width:165px 0 0 165px;} .n_erji li.on .btn_xq .btn_bg:after {border-width:0 165px 165px 0;} /* .list_box_08 li a {display:flex;flex-wrap:wrap;} .list_box_08 li a .img {position:relative;width:50%} .list_box_08 li a .img:after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:#e8ebee 1px solid} .list_box_08 li a .con {position:relative;width:50%;background:#f2f4f7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 1.5rem} .list_box_08 li a .con h5 {font-size:1.625rem;color:#444546;font-weight:bold} .list_box_08 li a .con p {font-size:.9375rem;color:#707070;line-height:1.875rem;max-height:7.5rem;max-width:31.875rem;margin:1.5rem auto 3rem;text-align:center} .list_box_08 li a .con .btn_xq .btn_bg {transform:skewX(-10deg);-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);} .list_box_08 li a .con .btn_xq .btn_bg i {border:#1366ac 2px solid;background:#1366ac} .list_box_08 li a .con .btn_xq {color:#fff} .list_box_08 li:nth-child(2n) a .img {order:2} */ .list_box_08 {display: flex;justify-content: space-between;flex-wrap: wrap;} .list_box_08 li {font-size:3rem;color:#fff;width: 23.5%;margin-right: 2%;margin-bottom: 2%;background-color: #F5F5F5;border:solid 1px #e2e2e2;overflow: hidden;} .list_box_08 li:nth-child(4n){margin-right: 0;} .list_box_08 li .btn_arr2 {width:6.25rem;height:100%;overflow:hidden;position:absolute;right:0;top:0;border-left:1px solid #e2e2e2;display:flex;align-items:center;justify-content:center;} .list_box_08 li .btn_arr2 svg {width:1.25rem;} .list_box_08 li .btn_arr2 svg path {fill:#000000;} .list_box_08 li .btn_arr2:before {content:"";display:block;width:0;height:100%;position:absolute;z-index:-1;left:0;top:0;background:#fb0012;} .list_box_08 li:hover .btn_arr2:before {width:100%;} .list_box_08 li:hover .btn_arr2 svg path {fill:#fff;} .list_box_08 li a {display:block;background:#fff;position:relative;height: 100%;;} .list_box_08 li .img{width: 100%;height: 300px;} .list_box_08 li .sort {height:5rem;line-height:5rem;padding-left:2rem;border-bottom:1px solid #e2e2e2;position:relative;font-size:1.125rem;color:#0e0e0e;} .list_box_08 li h5 {padding:1rem 2rem;font-size:1.375rem;color:#0e0e0e;font-weight:bold;line-height:2rem;} .n_zhaopin {padding:3rem 0 5.625rem;} .n_zhaopin dl dd{cursor: pointer; position:relative} .n_zhaopin dl dd h5:before{content:"";position:absolute;top: 0;right:0;width:100%;transition:0.6s;height: 100%;} .n_zhaopin dl dd h5:after{content:"+";position:absolute;top: 0;right:0;width:4.75rem;height:4.75rem;font-size: 1.25rem;color: #67676799;text-align: center;} .n_zhaopin dl dd h5{ line-height:4.75rem; font-size:0; padding:0 3.125rem; position:relative} .n_zhaopin dl dd h5 .con{display:inline-block;width:25%;font-size: 18px;color: #545454;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align: top;z-index: 10;position: relative;font-weight:bold} .n_zhaopin dl dd h5 .jiantou{ float:right} .n_zhaopin dl dd h5 .jiantou svg{ vertical-align:middle; display:inline-block; transition:0.6s} .n_zhaopin dl dd .ar_article{display:none;border: #1366ac 2px solid;padding: 2rem 3.5rem;background: #fff;} .n_zhaopin dl dd h5.on .jiantou svg{ transform:rotate(90deg)} .n_zhaopin dl dd h5.on .jiantou svg, .n_zhaopin dl dd h5.on .jiantou svg path{ fill:#1325A5} .n_zhaopin dl dd h5 .con01{width:40%;} .n_zhaopin dl dd h5 .con02{width:30%;} .n_zhaopin dl dd h5 .con03{width:30%;} .n_zhaopin dl dd:nth-child(2n-1){ background:#f6f7f9} .n_zhaopin dl dd.on h5:before{background: #1366ac;} .n_zhaopin dl dd.on h5 .con{ color:#fff} .n_zhaopin dl dd.on h5:after{color: #fff;content:"-";} .img_zd {position:relative;width:100%;overflow:hidden;background-color: #fff;height: 20rem;} .img_zd .img_hezi {padding-bottom:60% !important} .img_zd>img {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;} .list_box_n_news {margin:0 -1.25rem;margin-bottom:2rem} .list_box_n_news li {float:left;width:33.333333%;padding:0 1.25rem;margin-bottom:1.875rem} .list_box_n_news li a {display:block;overflow:hidden} .list_box_n_news li a .img .img_hezi {padding-bottom:67.65% !important} .list_box_n_news li a .img .time {width:7.5rem;height:2.5rem;text-align:center;background:rgba(255,255,255,.9);font-size:.9375rem;color:#63666a;position:absolute;top:1.875rem;left:1.875rem;transition:.5s;font-family:BEBASNEUE_BOLD;display:flex;justify-content:center;align-items:center;} .list_box_n_news li a .img .time img {width:auto;height:auto;fill:#9ba7b9;transition:.5s;vertical-align:middle;margin:-3px .5rem 0 0;} .list_box_n_news li a .con {background:#fff;padding:2.25rem 2rem;} .list_box_n_news li a .con h5 {font-size:1.25rem;color:#303030;line-height:1.875rem;height:3.75rem;transition:.5s;white-space:normal;} .list_box_n_news li a .con p {font-size:.875rem;color:#787878;line-height:24px;height:48px;overflow:hidden;margin:.5rem 0 1.375rem;} .list_box_n_news li a .con span {font-size:13px;color:#343637;text-decoration:underline;transition:.5s} .list_box_n_news li a .con .btn_xq .btn_bg {transform:skewX(0);-webkit-transform:skewX(0);-moz-transform:skewX(0);-ms-transform:skewX(0);-o-transform:skewX(0);} .list_box_n_news li a .con .btn_xq .btn_bg i {border:#1366ac 2px solid;background:#1366ac} .list_box_n_news li a .con .btn_xq {color:#fff;font-family:BEBASNEUE_BOLD;font-size:.875rem;margin:0;} .n_news {padding:0 0 5.625rem} /*新闻详情*/.n_news_detail {padding:0;} .n_news_detail .content {display:flex;flex-wrap:wrap;justify-content:space-between;} .n_news_detail .left {width:calc(100% - 26.25rem);padding:0 3.125rem 0 0;} .n_news_detail .ar_title {margin-bottom:2rem;border-bottom:#dedfe2 1px solid;padding-bottom:1.5rem;} .n_news_detail .ar_title h3 {font-size:1.875rem;color:#38393b;line-height:1.5;margin-bottom:.75rem;} .n_news_detail .ar_title h6 span {position:relative;font-size:1rem;color:#63666a;display:inline-block;height:40px;line-height:40px;font-weight:normal;margin-right:30px;vertical-align:top;font-family:BEBASNEUE_BOLD;} .n_news_detail .ar_title h6 span img {margin:0px 0.5rem 0 0;} .n_news_detail .ar_title h6 {position:relative;display:flex;justify-content:space-between;align-items:center;} .n_news_detail .ar_title h6:before {content:"";position:absolute;bottom:-3px;width:6.25rem;height:3px;background:#ff9637;display:none;} .n_news_detail .ar_title h6 span svg {width:18px;height:18px;fill:#808080;margin-right:.5rem;display:inline-block;vertical-align:middle;margin-top:-3px;} .n_news_detail .ar_title h6 span.shart_box svg {width:26px;height:26px;fill:#808080} .n_news_detail .ar_article p {color:#757575} .shart_box {display:inline-block;cursor:pointer} @font-face {font-family:"socialshare";src:url("../font/iconfont.eot");src:url("../font/iconfont.eot") format("embedded-opentype"),url("../font/iconfont.woff") format("woff"),url("../font/iconfont.ttf") format("truetype"),url("https://www.shuobiaosolar.cn/static/style/pc/fonts/iconfont.svg") format("svg")} .social-share {font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;display:block;position:relative;vertical-align:top;margin:0 auto;transition:.5s;text-align:center;} .social-share * {font-family:"socialshare" !important} .social-share .icon-tencent:before {content:"\f07a"} .social-share .icon-qq:before {content:"\f11a"} .social-share .icon-weibo:before {content:"\f12a"} .social-share .icon-wechat:before {content:"\f09a"} .social-share .icon-douban:before {content:"\f10a"} .social-share .icon-heart:before {content:"\f20a"} .social-share .icon-like:before {content:"\f00a"} .social-share .icon-qzone:before {content:"\f08a"} .social-share .icon-linkedin:before {content:"\f01a"} .social-share .icon-diandian:before {content:"\f05a"} .social-share .icon-facebook:before {content:"\f03a"} .social-share .icon-google:before {content:"\f04a"} .social-share .icon-twitter:before {content:"\f06a"} .social-share a {position:relative;text-decoration:none;margin:0 auto;display:inline-block;outline:none;} .social-share .social-share-icon {position:relative;display:block;width:2.8125rem;height:2.8125rem;border-radius:50%;line-height:2.75rem;border:none;color:#ababab;text-align:center;vertical-align:top;transition:background 0.6s ease-out 0s;transition:.6s;font-size:1.125rem;} .social-share .social-share-icon:hover {background:none !important;color:#208a4a;} .social-share .icon-weibo {border-color:#ff763b;} .social-share .icon-weibo:hover {background:#ff763b} .social-share .icon-tencent {color:#56b6e7;border-color:#56b6e7} .social-share .icon-tencent:hover {background:#56b6e7} .social-share .icon-qq {border-color:#56b6e7;} .social-share .icon-qq:hover {background:#56b6e7} .social-share .icon-qzone {border-color:#FDBE3D;} .social-share .icon-qzone:hover {background:#FDBE3D} .social-share .icon-douban {color:#33b045;border-color:#33b045} .social-share .icon-douban:hover {background:#33b045} .social-share .icon-linkedin {border-color:#0077B5;} .social-share .icon-linkedin:hover {background:#0077B5} .social-share .icon-facebook {color:#44619D;border-color:#44619D} .social-share .icon-facebook:hover {background:#44619D} .social-share .icon-google {color:#db4437;border-color:#db4437} .social-share .icon-google:hover {background:#db4437} .social-share .icon-twitter {color:#55acee;border-color:#55acee} .social-share .icon-twitter:hover {background:#55acee} .social-share .icon-diandian {color:#307DCA;border-color:#307DCA} .social-share .icon-diandian:hover {background:#307DCA} .social-share .icon-wechat {position:relative;border-color:#7bc549;} .social-share .icon-wechat:hover {background:#7bc549} .social-share .icon-wechat .wechat-qrcode {display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-78px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;} .social-share .icon-wechat .wechat-qrcode.bottom {top:40px;left:-76px;} .social-share .icon-wechat .wechat-qrcode.bottom:after {display:none} .social-share .icon-wechat .wechat-qrcode h4 {font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777} .social-share .icon-wechat .wechat-qrcode .qrcode {width:105px;margin:10px auto} .social-share .icon-wechat .wechat-qrcode .qrcode table {margin:0 !important} .social-share .icon-wechat .wechat-qrcode .help p {font-weight:normal;line-height:16px;padding:0;margin:0} .social-share .icon-wechat .wechat-qrcode:after {content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent} .social-share .icon-wechat:hover .wechat-qrcode {display:block} #share-21.social-share {} #share-21.social-share .social-share-icon {display:inline-block;border:#dbdcdf 1px solid;margin:0 .5rem} #share-21.social-share .social-share-icon:hover {border:#fb0012 1px solid !important;color:#fb0012 !important;} .n_news00 .right {width:26.25rem;} .n_news00 .right .sticky {position:sticky;top:120px;} .n_news00 .right .right_box {background:#fff;padding:2.75rem;} .n_news00 .right h3 {font-size:1.375rem;color:#242930;margin-bottom:1.255rem;} .n_news00 .right .fl01 {margin-bottom:0;} .n_news00 .right .fl01 form {border:#e5e5e5 1px solid;height:3.4375rem;line-height:3.4375rem;background:none;} .n_news00 .right .fl01 form .txt {width:calc(100% - 60px);height:53px;border:none;float:left;padding:0 20px;font-size:15px;color:#777a7d;border-radius:4px 0 0 4px;font-family:PingFang;background:none;} .n_news00 .right .fl01 form .btn {width:60px;float:right;border:0;background:none;color:#fff;height:53px;font-size:15px;border-radius:0 4px 4px 0;cursor:pointer;transition:.3s;} .n_erji ul li {border-bottom:#eeeeee 1px solid;height:60px;line-height:60px;} .n_erji ul li a {font-size:18px;color:#777a7d;font-family:PingFang;display:block;position:relative;padding-left:16px;transition:0.6s} .n_erji ul li a:before {content:"";width:4px;height:4px;background:#d7d8d9;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-2px;transition:0.6s} .n_news00 .right .n_erji h3 {margin-bottom:1rem} .n_erji ul li.on a {color:#242930;} .n_erji ul li.on a:before {background:#242930} .n_news00 .right .fl03 ul {margin-top:-10px} .n_news00 .right .fl03 ul li {border-bottom:#e7e7e7 1px solid;padding:1.25rem 0;} .n_news00 .right .fl03 ul li:last-child {border:none;margin-bottom:0;} .n_news00 .right .fl03 ul li a {display:block;overflow:hidden} .n_news00 .right .fl03 ul li a .img,.n_news00 .right .fl03 ul li a .img img {width:135px;height:90px;overflow:hidden;float:left;object-fit:cover;} .n_news00 .right .fl03 ul li a .con {width:calc(100% - 135px);overflow:hidden;float:right;padding-left:1rem;padding-top:0.5rem;} .n_news00 .right .fl03 ul li a .con .time img {display:inline-block;fill:#adadad;vertical-align:middle;margin:-1px 5px 0 0;} .n_news00 .right .fl03 ul li a .con .time {font-size:.9375rem;color:#3a3a3a;margin-bottom:.625rem;font-family:BEBASNEUE_BOLD;} .n_news00 .right .fl03 ul li a .con h4 {font-size:.9375rem;color:#3a3a3a;height:50px;line-height:25px;overflow:hidden;transition:0.6s;} .n_news00 .right .fl04 ul li a .img,.n_news00 .right .fl04 ul li a .img img {width:144px;height:95px;overflow:hidden;float:left;object-fit:cover;} .n_news00 .right .fl04 ul li a h5 {font-size:15px;color:#3a3a3a;font-weight:bold;line-height:1.25;margin:.5rem 0;transition:.5s} .n_news00 .right .fl04 ul li a .con h4 {font-size:15px;color:#8f8f8f;height:40px;line-height:20px;overflow:hidden;font-family:PingFang;transition:0.6s;} .news_botom ul {display:flex;margin:5rem 0 0} .news_botom ul li {width:50%;} .news_botom ul li a {display:flex;width:100%;height:7.1875rem;background:#fff;align-items:center;justify-content:center;font-size:1.125rem;color:#616364;transition:.5s} .news_botom ul li a svg {width:1.875rem;height:1.875rem;fill:#888;transition:.5s;margin:0 1rem;} .news_botom ul li a:hover {background:#1366ac;color:#fff} .news_botom ul li a:hover svg {fill:#fff} .n_news00 .right .fl03 ul li a:hover .con h4 {color:#fb0012} #miso_map {height:33.125rem;border:#e1e1e1 1px solid} .n_contact .fl01 {padding:0 0 6.25rem} .n_contact .fl01 .content {position:relative} .n_contact .fl01 .content .top {background:url(../image/n_contact_fl01.png) left center no-repeat;background-size:auto 100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;} .amap-logo,.amap-toolbar,.amap-copyright {display:none !important} .n_contact .fl01 .content .top {display:flex;align-items:center;} .n_contact .fl01 .content .top .box {width:34%;padding:0 0 0 4%;} .n_contact .fl01 .content .top .box h3 {font-size:1.375rem;color:#fff;line-height:1.5;font-weight:bold;font-style:italic} .n_contact .fl01 .content .top .box hr {width:1.375rem;height:4px;background:#fb0012;border:none;transform:skewX(-20deg);margin:.75rem 0 2rem;} .n_contact .fl01 .content .top .box dl {display:flex;font-size:.9375rem;color:#fff;max-width:19rem;margin-bottom:.5rem;} .n_contact .fl01 .content .top .box dl dt {white-space:nowrap;line-height:1.75rem;} .n_contact .fl01 .content .top .box dl dd {line-height:1.75rem;color:#fff;} .n_contact .fl01 .content .top .box .ewm {margin:1.5rem 0 0} .n_contact .fl01 .content .top .box .ewm h3 {border:rgba(215,215,215,.3) 1px solid;width:8.125rem;height:8.125rem;padding:.5rem} .n_contact .fl01 .content .top .box .ewm h3 img {width:100%;height:100%} .n_contact .fl01 .content .top .box .ewm h5 {font-size:.8125rem;color:#f3f2f7;opacity:.6;line-height:1.5;text-align:center;margin:.75rem 0 0;width:8.125rem;} .n_contact .fl02 {padding:5.625rem 0 5rem;background-color: #F5F5F5;} /* .n_contact .fl02 .m {max-width:995px} */ .n_contact .fl02 .title002 {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:3.75rem} /* .n_contact .fl02 .title002 .ll h3 {color:#fff} */ .n_contact .fl02 .title002 .ll h4 {justify-content:flex-start} .n_contact .fl02 .title002 .rr {width:29.625rem;font-size:.9375rem;line-height:1.75rem;text-align:left} .n_liuyan form {margin:0 -7.5px;} .n_liuyan form .box {float:left;width:33.333333%;padding:0 7.5px;} .n_liuyan .messlist {width:200px} .n_liuyan .messsub button {background-color: #fb0012;border: none;color: #fff;} .n_liuyan .messsub button:hover {background-color: #1366ac;} .n_liuyan .messlist02 {height:15.5625rem;} .n_liuyan .messlist {height:3.75rem;margin:0 0 1.25rem;float:left;width:100%;background:#fff;color:#626364;position:relative;} .n_liuyan .messlist label,.form-list .messlist01 label,.n_liuyan .messlist03 label {float:left;width:50px;height:100%;line-height:3.625rem;text-align:left;color:#4f4f4f;font-size:14px;box-sizing:border-box;padding:0 0 0 20px;font-weight:normal;} .n_liuyan .messlist label span img,.form-list .messlist01 label span img,.n_liuyan .messlist03 label span img {margin-top:-3px} .n_liuyan .messlist input {float:left;width:100%;height:100%;background:none;border:none;outline:none;color:#5a5453;font-size:1rem;padding:0 1.25rem;} .n_liuyan .messlist01 {height:43px;margin-top:30px;float:left;width:880px;border:#d3d7d8 1px solid;background:#fff;color:#626364;margin-right:44px;} .n_liuyan .messlist01 input {float:left;width:712px;height:48px;padding:0 10px;background-color:#fbfbfc;border:none;outline:none;color:#626364;font-size:12px;} .n_liuyan .messlist02 {height:11.25rem;float:left;width:100%;background:#fff;color:#626364;box-sizing:border-box;margin-bottom:1.25rem;} .n_liuyan .messlist02 textarea {float:left;width:calc(100% - 50px);height:100%;color:#5a5453;font-size:1rem;border:none;outline:none;padding:1.25rem 1.25rem;resize:none;box-sizing:border-box;background:none;} .n_liuyan .messlist02 label {float:left;width:50px;height:56px;line-height:56px;text-align:left;color:#000000;font-size:16px;box-sizing:border-box;padding:0 0 0 20px;font-weight:normal;} .n_liuyan .yanzheng {display:flex;float:left;position:absolute;right:1rem;top:0;bottom:0;align-items:center;} /*.n_liuyan .yanzheng img {width:5.5625rem;height:1.8125rem;} */ .n_liuyan .messsub input {width:100%;height:3.75rem;font-size:1rem;cursor:pointer;color:#fff;border:none;background:#fb0012;transition:0.6s;} .n_liuyan .messsub input:hover {background:#1366ac;} .n_liuyan .messlist03 {height:3.75rem;margin:0 0 0 0;float:left;width:21.375rem;background:#fff;color:#626364;box-sizing:border-box;position:relative;border:#e1e3e4 1px solid;} .n_liuyan .messlist03 input {float:left;width:calc(100% - 50px);height:100%;color:#636363;font-size:.875rem;border:none;outline:none;resize:none;box-sizing:border-box;background:none;padding:0;} .n_liuyan .messsub {width:100%;} .n_product_detail .fl01 .content {position:relative;top:-5rem;background:#fff;padding:3.5rem;margin-bottom:-5rem;} .n_product_detail .fl01 .content .fl001 {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;} .n_product_detail .fl01 .content .fl001 .left {width:calc(100% - 27.5rem);padding:0 3.125rem 0 0} .n_product_detail .fl01 .content .fl001 .right {width:27.5rem} .list_box_09 li img {width:100%} .list_box_09 .slick-arrow {width:2.5rem;height:2.5rem;z-index:1} .list_box_09 .slick-arrow svg {fill:#adadae;width:100%;height:100%} .n_product_detail .fl01 .content .fl001 .right h3 {font-size:1.875rem;color:#333333;line-height:1.375;font-weight:bold;margin-bottom:1rem} .n_product_detail .fl01 .content .fl001 .right h5,.n_product_detail .fl01 .content .fl001 .right p {font-size:.9375rem;color:#646464;line-height:2.125rem;padding-bottom:0;} .n_erji1 {display:flex;flex-wrap:wrap;margin-top:4.375rem} .n_erji1 li {margin:0 .875rem 0 0} .n_erji1 li .btn_xq {width:auto;height:3.125rem;line-height:3.125rem;padding:0 2.25rem;font-size:.9375rem} .n_erji1 li .btn_xq .btn_bg {transform:skewX(0);-webkit-transform:skewX(0);-moz-transform:skewX(0);-ms-transform:skewX(0);-o-transform:skewX(0);} .n_erji1 li.on .btn_xq {color:#fff;} .n_erji1 li.on .btn_xq .btn_bg:before {border-width:165px 0 0 165px;} .n_erji1 li.on .btn_xq .btn_bg:after {border-width:0 165px 165px 0;} .n_product_detail .fl01 .content .fl002 {border-top:#e8e8e8 1px solid;margin:3.125rem 0 0;padding:3.125rem 0 0} .n_product_detail .fl01 .content .fl002 h3 {font-size:1.75rem;color:#333333;margin-bottom:2.5rem} .n_product_detail .fl01 .content .fl002 .ar_article p {font-size:.9375rem;color:#717171} .n_product_detail .fl01 .content .fl003 {border-top:#e8e8e8 1px solid;margin:4rem 0 0;padding:4rem 0 0} .n_product_detail .fl01 .content .fl003 .title002 p {font-size:.9375rem;color:#737373;line-height:1.5;margin:1.25rem 0 0} .n_product_detail .fl01 .content .fl003 .title002 p a {font-size:1.375rem;color:#fb0012;font-family:DINOT;} .n_product_detail .fl01 .content .fl003 .n_liuyan {width:946px;max-width:100%;margin:0 auto} .n_product_detail .fl01 .content .fl003 .n_liuyan .messlist,.n_product_detail .fl01 .content .fl003 .n_liuyan .messlist02 {background:#f2f4f7} .n_product_detail .fl01 {padding-bottom:4rem} .n_product_detail .fl02 {padding:0 0 6.25rem;} .n_product_detail .fl02 .title002 {display:flex;justify-content:space-between;align-items:center} .n_product_detail .fl02 .title002 h4 {justify-content:flex-start} .list_box_10 {margin:0 -.9375rem} .list_box_10 li {padding:0 .9375rem} .list_box_10 li a {display:block;border:#dedfe2 2px solid;transition:.5s} .list_box_10 li a .img {position:relative;width:100%;height: 280px;} .list_box_10 li a .con {position:relative;width:100%;background:#f2f4f7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem} .list_box_10 li a .con h5 {font-size:1.375rem;color:#373737;} .list_box_10 li a .con p {font-size:.875rem;color:#707070;line-height:1.875rem;margin:.75rem auto 2rem;text-align:center;} /* .list_box_10 li a .con .btn_xq .btn_bg {transform:skewX(-10deg);-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);} */ .n_product_detail .fl02 .slick_arrow_right {position:static;float:none;clear:both;margin-left:.5rem;} .n_product_detail .fl02 .slick_arrow_right .slick-arrow {z-index:99;float:left;margin-right:8px;background:none;display:block;font-size:0;cursor:pointer;position:relative;width:6rem;line-height:2.8125rem;text-align:center;height:2.8125rem;margin:0 0 0 .5rem;} .n_product_detail .fl02 .slick_arrow_right .slick-arrow .btn_bg {border:#d3d5d8 2px solid} .n_product_detail .fl02 .slick_arrow_right .slick-arrow .btn_bg {transform:skewX(-10deg);-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);} .n_product_detail .fl02 .slick_arrow_right .slick-arrow svg {width:1rem;vertical-align:middle;} .n_product_detail .fl02 .slick_arrow_right .slick-prev2 {} .n_product_detail .fl02 .slick_arrow_right .slick-next2 {} .n_product_detail .fl02 .slick_arrow_right .slick-arrow:hover .btn_bg {border:2px solid #fb0012;} .n_product_detail .fl02 .slick_arrow_right .slick-arrow:hover svg {fill:#fff} .n_service .fl01 {padding:0 0 5.625rem} .n_service .fl01 .content {display:flex;justify-content:space-between;align-self:center;} .n_service .fl01 .content .left {width:3.5rem;align-self:center;} .n_service .fl01 .content .center {width:calc(100% - 4.0625rem - 3.5rem);align-self:center;} .n_service .fl01 .content .right {width:4.0625rem;align-self:center;} .list_box_11 {margin:0 -1.375rem;display:flex;justify-content:space-between;flex-wrap:wrap;} .list_box_11 li {padding:0 1.375rem;width:16.666667%;margin:1.25rem 0} .list_box_11 li .box {position:relative;padding:1rem;border:#d6d6d6 1px dashed;border-radius:50%;cursor:pointer;} .list_box_11 li .box .img {border-radius:50%;width:100%;padding-bottom:100%;position:relative} .list_box_11 li .box .img .top {position:absolute;top:0;right:0;bottom:0;left:0;background:#1366ac;border-radius:50%;opacity:1;visibility:visible;transition:.5s;align-items:center;justify-content:center;font-size:1.0625rem;color:#fff;line-height:1.625rem;display:flex;text-align:center;} .list_box_11 li .box .img img {position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%} .list_box_11 li .box .shuzi {position:absolute;top:0;width:35px;height:35px;background:#fb0012;border:#fff 2px solid;border-radius:50%;left:50%;transform:translateX(-50%);display:flex;/* align-items:center;*/justify-content:center;font-family:BEBASNEUE_BOLD;color:#fff;font-size:1.125rem;line-height:33px;opacity:1;visibility:visible;transition:.5s;} .list_box_11 li .box .line {position:absolute;top:50%;left:100%;background:url(../image/line_j.png) center no-repeat;width:2.5rem;height:16px;transform:translateY(-50%);z-index:1;} .list_box_11 li .box .line:before {content:"";position:absolute;border-bottom:#d6d6d6 1px dashed;height:1px;left:0;right:0;top:50%;z-index:-1;} .list_box_12 {flex-direction:row-reverse} .list_box_11 li .box .line1 {background:url(../image/line_j1.png) center no-repeat;} .list_box_11 li:hover .box .img .top {opacity:0;visibility:hidden;} .list_box_11 li:hover .box .shuzi {opacity:0;visibility:hidden;} .n_service .fl01 .content.ar_wap {display:none} /* 搜索 */ .n_search{ margin:0 auto;padding: 3rem 0 6rem;} .n_search input{width: 80%;height:103px; padding:0 20px;font-size:16px; color:#9c9c9c;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none; border:none} .n_search .s_result{ margin-top:30px; text-align:center; font-size:24px; color:#3c3c3c; margin-bottom:30px;} .red{ color:#ff0c0c !important;} .n_search .hd{ text-align:center;} .n_search .hd a{ display:inline-block; min-width:150px; height:50px; line-height:50px; padding:0 30px; text-align:center; border-radius:25px; background:#f0f1f6; font-size:16px; color:#3c3c3c; margin:10px;} .n_search .hd a.on,.n_search .hd a:hover{ background:#1366ac; color:#fff; transition:.3s;} .n_search ul{ margin-bottom:70px; margin-top:30px;} .n_search ul li{ padding:23px 0; border-bottom:1px solid #e0e2e9; overflow:hidden;} .n_search ul li .tt{ overflow:hidden;} .n_search ul li h5{ font-size:24px; color:#616268; float:left; width:calc(100% - 150px); line-height:40px;} .n_search ul li span{display:inline-block; float:right; width:110px; height:40px; line-height:40px; text-align:center; border-radius:25px; background:#f0f1f6; font-size:14px; color:#3c3c3c; margin:10px; transition:0.6s} .n_search ul li:hover span{ background:#1366ac; color:#fff;} .n_search ul li p{ font-size:14px; color:#888a8e; line-height:22px; height:44px; overflow:hidden;} @media(max-width: 768px){ .n_about{ padding:2rem 0 0} .n_search .hd a{min-width: 66px;padding: 0 18px;margin:0 2px;height:40px;line-height:40px;font-size: 14px;} .n_search ul li{ padding:10px 0} .n_search ul li h5{ font-size:16px;} .n_search ul li span{font-size: 12px;width:75px;height:35px;line-height:35px;} }